<template lang="html">
   <Panel :class="[$style.panel,cname]" title="极速借贷">
       <ul :class="$style.concent">
            <li>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png?width=1125&height=252" alt="">
            </li>
            <li>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2971/333/1297567079/898/f2d2e00d/577dc28dNe5138337.png?width=108&height=108" alt="">
                    <p>客户端</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2824/256/2966087355/831/188bfa25/577cf3dcN18aadbf2.png?width=108&height=108" alt="">
                    <p>触屏版</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2920/282/1283157010/1040/23f1430b/577cf3e5N53f740b8.png?width=108&height=108" alt="">
                    <p>电脑版</p>
                </div>
            </li>
            <li>Copyright © 2004-2017 京东JD.com 版权所有</li>
            <li>投资有风险，购买需谨慎</li>
            <li>京东金融平台服务协议</li>
            <li>京东金融隐私政策</li>
       </ul>
   </Panel>
</template>

<script>
import Panel from "../core/panel.vue"
export default {
    components :{
        Panel,
    },
    props:{
        cname:{
            type:String,
            default:""
        }
    }
}
</script>

<style lang="scss" module>
  @import "../../css/element.scss";
 .panel{
     @include panel;
     margin-bottom: 100px;
     >h4{
         display: none;
     }
     .concent{
        @include flex;
        background: #F5F5F5;
        li{
            width: 100%;
            height: 143px;
            font-size: 24px;
            color: #999;
            text-align: center;
            img{
                width: 100%;
                height: 143px;
            }
        &:nth-child(2){
         @include flex(row);
         height: 186px;
         box-sizing: border-box;
         >div{
             width: 33.33333%;
             text-align: center;
             box-sizing: border-box;
             padding-top: 20px;
             img{
                 width: 90px;
                 height: 90px;
             }
             p{
                 font-size: 26px;
                 text-align: center;
                 color: #ddd;
                 margin-top: 12px;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
         }
          }
          &:nth-child(n+3){
              padding: 24px 0;
              height: 38px;
              line-height: 38px;
              border-top:1px solid #ddd;
        }
        }
     }
 }
</style>
